<template>
	<view style="width:100%;">
		<u-tabs :list="tabList" :scrollable="false" :current="3" :inactiveStyle="inactiveStyle"
			:activeStyle="activeStyle">
			<view slot="right" style="padding-right: 28rpx;">
				<u-switch v-model="value" activeColor="#357920" :size="16"></u-switch>
			</view>
		</u-tabs>
	</view>
</template>

<script>
	export default {
		name: "Tabs",
		data() {
			return {
				value: true,
				tabList: [{
					name: '人才',
				}, {
					name: '雇主',
				}, {
					name: '合伙人'
				}, {
					name: '推荐'
				}, {
					name: '关注'
				}],
				inactiveStyle: {
					color: '#f8f8f8',
					fontSize: '1rem',
					whiteSpace: "nowrap"
				},
				activeStyle: {
					color: '#fdfdfd',
					fontSize: '1.1rem',
					fontWeight: 550,
					whiteSpace: "nowrap"
				}
			}
		},

	}
</script>
